<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>大渔网</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../css/main.css" />
<!--[if lt IE 9]>
<script src="../js/html5.js "></script >
<script src="../js/respond.min.js "></script >
<![endif]-->
<script src="../js/jquery.js"> </script>
<script src="../js/base.js"></script>
<script src="../js/common.js"></script>
</head>

<body class="index">
        
<section class="bg toph">
	<div class="pubtitle">
    	<span><img src="../images/close.png"></span>大渔网－全部分类
    </div>
    <div class="pubsear">
        <select>
            <option>大连市</option>
            <option>北京市</option>
            <option>天津市</option>
        </select>
        <form>
              <input type="image" class="btnsear" src="../images/search.png">
              <input  type="text"  class="inpsear" placeholder="请输入商品名称和品牌名称">
        </form>
    </div>
	<div class="banner">
		<img src="../images/banner.jpg">
    </div>
</section>
<section class="bg screenh" data-bottom="40" data-top="0">
    <div class="classbox">
        <ul>
            <li>
                <img src="../images/banner.jpg">
                农贸
            </li>
            <li>
                <img src="">
                农贸
            </li>
            <li>
                <img src="">
                农贸
            </li>
            <li>
                <img src="">
                农贸
            </li>
            <li>
                <img src="">
                农贸
            </li>
            <li>
                <img src="">
                农贸
            </li>
            <li>
                <img src="">
                农贸
            </li>
        </ul>
    </div>
    <h2>新品推荐<a href=""><img src="../images/arrowtipright.png"></a></h2>
    <ul class="product">
        <li> 
            <img src="../images/banner.jpg">
            农贸
        </li>
        <li> 
            <img src="../images/banner.jpg">
            农贸
        </li>
        <li> 
            <img src="../images/banner.jpg">
            农贸
        </li>
        <li> 
            <img src="../images/banner.jpg">
            农贸
        </li>
        <li> 
            <img src="../images/banner.jpg">
            农贸
        </li>
        <li> 
            <img src="../images/banner.jpg">
            农贸
        </li>
        <li> 
            <img src="../images/banner.jpg">
            农贸
        </li>
        <li> 
            <img src="../images/banner.jpg">
            农贸
        </li>
        <li> 
            <img src="../images/banner.jpg">
            农贸
        </li>
        <li> 
            <img src="../images/banner.jpg">
            农贸
        </li>
        <li> 
            <img src="../images/banner.jpg">
            农贸
        </li>
        <li> 
            <img src="../images/banner.jpg">
            农贸
        </li>
    </ul>
</section>
<footer class="bottomh">
	<div class="img on">
    	<img src="../images/footer21.png">
    	<img class="imgon" src="../images/footer11.png">
        首页
    </div>
	<div class="img">
    	<img src="../images/footer22.png">
    	<img class="imgon" src="../images/footer12.png">
        分类
    </div>
	<div class="img">
    	<img src="../images/footer23.png">
    	<img class="imgon" src="../images/footer13.png">
        购物车
    </div>
	<div class="img">
    	<img src="../images/footer24.png">
    	<img class="imgon" src="../images/footer14.png">
        我的
    </div>
    
</footer>
<script>
	var classboxli = 80;
	var classboxul = $(".classbox ul li").length*classboxli;
	$(".classbox ul").width(classboxul);
	var product = $(".product").width();
	var productp = 10;
	var productimg = product/3-2*productp;
	$(".product img").width(productimg);
	$(".product img").height(productimg);
</script>
</body>
</html>
